import "./zoneClass.scss";
function zoneClass() {
    return (
        <div className="zoneClass">
            <div className="zoneClass_title">        
                <div className="zoneClass_image">
             
                        <img
                            className="label_5"
                            src={
                                "https://lanhu-oss-2537-2.lanhuapp.com/SketchPng097203d3c6be7ff658df9912af2317f7b82b89c5fe4a1d429777190ef81d173d"
                            }
                            alt=""
                        />
         
                    <div className="zoneClass_title_text">
                        <span className="text_102">指数</span>
                        <span className="text_103">课堂</span>
                    </div>
                </div>
            </div>
            <div className="zoneClass_content">
                <div className="group_31 flex-col">
                    <div className="box_14 flex-row justify-between">
                        <div className="image-text_15">
                            <div>
                                <img
                                    className="label_6"
                                    src={
                                        "https://lanhu-oss-2537-2.lanhuapp.com/SketchPng5468acabd7de95db03c62c75349c170d35a033ec35a29bad9d1008a171e06257"
                                    }
                                    alt=""
                                />
                            </div>
                            <div className="text-group_18">
                                <div className="text_104">吕班长</div>
                                <div className="text_105">指数领航员</div>
                            </div>
                        </div>
                        <div className="text-wrapper_47 text_106">
                            买指数前，先懂指数，每期带你深挖一个行业的投资逻辑或教你一个指数基金投资技巧。
                        </div>
                    </div>
                    <img
                        className="image_6"
                        src={
                        "https://lanhu-oss-2537-2.lanhuapp.com/SketchPng65071cce9c9e1908335820719a603d468e25bbe35e2cde7c6ab78da1b1c9feec"
                        }
                        alt=""
                    />
                    <div className="box_15 flex-row justify-between">
                        <div className="text-wrapper_48 flex-col">
                            <span className="text_107">指数入门系列</span>
                        </div>
                        <div className="text-wrapper_49 flex-col">
                            <span className="text_108">行业解读系列</span>
                        </div>
                    </div>
                    <div className="zoneClass_content_list">
                        <div className="zoneClass_content_list_items">
                            <div className="flex-row">
                                <div className="text-wrapper">
                                    <span className="text_109">第1期·指数基金</span>
                                </div>
                            </div>
                            <div className="zoneClass_content_list_items_box justify-between">
                                <div className="flex-col">
                                    <span className="text_110">股神点赞！啥是指数基金？</span>
                                    <span className="text_111">一篇了解固态电池投资前景</span>
                                </div>
                                <img
                                className="thumbnail"
                                src={
                                    "https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb287afa6327bcf418682fdcfed3837cb9fdd1277e6e2be9211b7222b41af37b3"
                                }
                                alt=""
                                />
                            </div>
                        </div>
                        <div className="zoneClass_content_list_items">
                            <div className="flex-row">
                                <div className="text-wrapper">
                                    <span className="text_109">第2期·指数优势</span>
                                </div>
                            </div>
                            <div className="zoneClass_content_list_items_box justify-between">
                                <div className="flex-col">
                                    <span className="text_110">百搭利器！指基优势大揭秘？</span>
                                    <span className="text_111">顺市而为，无招胜有招</span>
                                </div>
                                <img
                                    className="thumbnail"
                                    src={
                                        "https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb287afa6327bcf418682fdcfed3837cb9fdd1277e6e2be9211b7222b41af37b3"
                                    }
                                    alt=""
                                />
                            </div>
                        </div>
                        <div className="zoneClass_content_list_items">
                            <div className="flex-row">
                                <div className="text-wrapper">
                                    <span className="text_109">第3期·指数优势</span>
                                </div>
                            </div>
                            <div className="zoneClass_content_list_items_box justify-between">
                                <div className=" flex-col">
                                <span className="text_110">想选对指基！先学会这三招</span>
                                <span className="text_111">想选对指基！先学会这三招</span>
                                </div>
                                <img
                                    className="thumbnail"
                                    src={
                                        "https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb287afa6327bcf418682fdcfed3837cb9fdd1277e6e2be9211b7222b41af37b3"
                                    }
                                    alt=""
                                />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default zoneClass;